/* pages/member-code/member-code.wxss */

.qrcode-view {
    margin: 30rpx;
    .header-box {
        background-color: var(--primary-color);
        height: 90rpx;
        border-radius: 20rpx 20rpx 100% 100%;
        color: #fff;
        font-size: 30rpx;
        margin: 0 30rpx;
        text-align: center;
        position: relative;
        bottom: -40rpx;
        .iconfont {
            font-weight: bold;
            margin-right: 10rpx;
            font-size: inherit;
        }
    }
    .code-box {
        background-color: #fff;
        border-radius: 30rpx;
        padding: 40rpx;
        box-shadow: var(--basic-box-shadow-light);
        .barcode {
            width: 600rpx;
            height: 200rpx;
            margin-top: 60rpx;
        }
        .code-text {
            font-size: 28rpx;
            color: #888;
            margin-top: 40rpx;
        }
        .qrcode {
            height: 400rpx;
            width: 400rpx;
        }
    }

    .tip-view {
        color: #888;
        font-size: 26rpx;
        .iconfont {
            font-size: inherit;
            margin-right: 10rpx;
        }
    }
}